<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>登录</title>
    <link href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://bootswatch.com/4/materia/bootstrap.min.css" >
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <style>
        .div1 {
            height: 200px;
        }
    </style>

</head>

<body>
    <div class="container-fluid">
        <div style="margin-left: 60px;">
            <div style="height: 230px" class="row">
                <div style="padding-top: 180px;padding-left:430px;">
                    <h1 class="align-self-center align-items-center" style="font-size: 40px;">大学课程在线学习系统</h1>
                </div>
            </div>
            <div style="height: 40px;"></div>
            <div class="row">
                <div class="col-sm-3"></div>
                <div class="col-sm-5" style="padding-right: 50px;">
                    <form class="form-horizontal align-self-center" action="login" method="post">
                        <div class="form-group row">
                            <label for="UserNumber" class="col-sm-4 control-label">
                                <div class="float-sm-right bs-popover-bottom"><h1>帐号</h1></div>
                            </label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="UserNumber" placeholder="请输入您的帐号" name="userAccount">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label for="StudentPassward" class="col-sm-4 control-label">
                                <div class="float-sm-right bs-popover-bottom" name="password"><h1>密码</h1></div>
                            </label>
                            <div class="col-sm-8">
                                <input type="password" class="form-control" id="StudentPassward" placeholder="请输入您的密码" name="userPassword">
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-3"></div>
                            <div class="col-sm-4">
                                <button type="submit" class="btn btn-primary btn-lg btn-block col-sm-10">登录</button>
                            </div>
                            <div class="col-sm-4">
                                <button type="reset" class="btn btn-secondary btn-lg btn-block col-sm-10 offset-2">重置</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="col-sm-4"></div>
            </div>
        </div>
    </div>
</body>

</html>